﻿<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- start slider -->
<link rel="stylesheet" type="text/css" href="css/slider.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/modernizr.custom.28468.js"></script>
<script type="text/javascript" src="js/jquery.cslider.js"></script>
	<script type="text/javascript" src="js/control.js""></script>
</head>
<body>
<div class="wrap">
	<div class="main"><!-- start main -->
		<div class="grid1_of_1"><!-- start grid1_of_1 -->
		<div class="menu"><!-- start menu -->
			<ul class="mcd-menu">
				<li>
					<a href="shop.html">
						<i class="icon1"></i>
						<strong>购物</strong>
					</a>
				</li>
				<li>
					<a href="food.html" class="active">
						<i class="icon2"></i>
						<strong>美食</strong>
					</a>
				</li>
				<li>
					<a href="transport.html">
						<i class="icon3"></i>
						<strong>交通</strong>
					</a>
				</li>
				<li>
					<a href="custom.html">
						<i class="icon4"></i>
						<strong>风俗</strong>
					</a>
				</li>
				<li>
					<a href="enjoy.html">
						<i class="icon5"></i>
						<strong>玩乐</strong>
					</a>
				</li>
			</ul>
		</div><!-- end menu -->	
		<div class="grids_of_2"><!-- start grids_of_2 -->	
			<div class="slider"><!-- start slider -->
				<div id="da-slider" class="da-slider"><!-- start slider -->
						<div class="da-slide">
							<h2>美食碰撞</h2>
							<p>最棒的中国料理，优雅的法式料理，浪漫的意大利美食文化，热情奔放的美国美食，赶紧一探究竟吧！</p>
						</div>
						<div class="da-slide">
							<h2>游山玩水</h2>
							<p>宁静淡雅的香格里拉，珍奇异宝的索科特拉岛，澳大利亚三色天堂，悉尼情人桥的Pyrmont桥......世界那么大，就不想看看？</p>
						</div>
						<div class="da-slide">
							<h2>入乡随俗</h2>
							<p>日本与人交往多爱见面打招呼，泰国为人和善，沙特阿拉伯信仰宗教，英国为人绅士爱谈天气，德国人一丝不苟。 </p>
						</div>
						<div class="da-slide">
							<h2>美食大咖</h2>
							<p>美国“童话镇”迪士尼，体验帝王的庄严厚重的中国故宫，浪漫偶遇的法国巴黎铁塔，许愿神灵的东京天空树，热情洋溢的巴西桑巴舞，了解一下？</p>
						</div>
						<nav class="da-arrows">
							<span class="da-arrows-prev"></span>
							<span class="da-arrows-next"></span>
						</nav>
				</div><!-- end slider -->
			</div><!-- end slider -->
			<div  class="grid_right">
				<ul>
					<li class="color1"><img src="images/t017df1ef6db6455463.jpg" alt=""/></li>
					<li class="color2"><img src="images/t01c244d19599f2b9ed.jpg" alt=""/></li>
				</ul>
			</div>
			<div class="clear"></div>
			<div  class="grid_bottom">
				<ul>
					<li><a href="#"><i  class="icon_1"></i> <span>快乐</span></a></li>
					<li><a href="#"><i  class="icon_2"></i> <span>纪念</span></a></li>
					<li><a href="#"><i  class="icon_3"></i> <span>友谊</span></a></li>
				</ul>
			</div>
		</div><!-- end grids_of_2 -->	
		</div><!-- end grid1_of_1 -->
		<div class="grid1_of_2"><!-- start grid1_of_2 -->
			<div class="grid1_of_list1"><!-- start grid1_of_list1 -->
				<div class="grid_img">
					<img src="images/t012d9c643b2281f881.jpg"  alt=""/>
				</div>
				<div class="grid_text">
					<div class="grid_text1">
						<h4>认识自我</h4>
					</div>
					<ul class="list1">
						<li class="active">地区： <span>中国</span></li>
						<li>爱好：<span>旅行</span></li>
						<li class="active">年龄：<span>19</span></li>
						<li>目的地： New York ,USA<span></span></li>
						<div class="clear"></div>
					</ul>
				</div>
			</div>
			<div class="grid1_of_list2"><!-- start grid1_of_list2 -->
				<div class="grid1_of_list">
					<img src="images/pic2.jpg" alt="" />
					<h4>日 历</h4>
				</div>
				<ul class="list2">
					<li><p>Month</p><span>Sep</span></li>
					<li><p>Day</p> <span>5th</span></li>
					<div class="clear"></div>
				</ul>
			</div><!-- end grid1_of_list2 -->
		</div><!-- end grid1_of_2 -->
		<div class="clear"></div>
		<div class="spans_of_2"><!-- start spans_of_2 -->
			<div class="span_of_1"><!-- start span_of_1 -->
				<div class="span_of_text">
					<h4>用户登录</h4>
				</div>
				<div class="contact_form">
					<form method="post" action="contact-post.html">
						<span>邮箱</span> 
						<input type="text" id="input_2" class="text" value="hello@gmail.com" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'hello@gmail.com';}">
						<span>密码</span>
						<input type="text" id="input_2" class="text" value="input your password" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'input your password';}">
						<div>
							<input id="no" type="reset" value="重置">
							<input id="yes" type="submit" value="登录">
							<div class="clear"></div>
						</div>
					</form>
				</div>			
			</div><!-- end span1_of_1 -->
			<div class="span_of_2"><!-- start span_of_2 -->
				<span class="span_of_img"><img src="images/t0182b8e6ecf12fbb05.jpg" alt=""/></span>
				<div class="span_of_list">
					<div class="span1_of_1">
						<h4>旅行日志</h4>
					</div>
					<div class="span1_of_2">
						<p>9.5号，晴，软件楼蹭空调一整天，，想到过几天放假可以回家很开心......</p>
						<a class="arrow" href="#"><span>返回顶部</span></a>
					</div>	
					<div class="clear"></div>
				</div>	
				<div class="span_of_list1">
					<div class="span_list2">
					</div>
					<div class="clear"></div>
				</div>
			</div><!-- end span_of_2 -->
			<div class="clear"></div>
		</div><!-- end spans_of_2 -->
		<div class="copy"><!-- start copy -->
			<p class="link"><a href="introduction.html"><span></span></a></p>
		</div>
	</div><!-- end main -->
</div>

</body>
</html>